<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>封坛藏酒--封坛天下</title>
		<include file="public/comm" />
	</head>
	<body>
		<div class="search fs_xl cls">
			<div class="mui-input-row fs_xl">
				<input type="search" class="fs_xl" placeholder="五粮液" id="keyword">
					<label class="fs_xl"><em class="fs_m" id="search">搜索</em></label>
				<i class="fs_xxxl mui-icon mui-icon-search"></i>
			</div>
			<div class="sea_img">
				<img src="__STATIC__/images/logo003.png" class="fs_xl" />
			</div>
		</div>
		<include file="public/bottom_nav" />
		<div class="mui-content">
			<div class="device fs_xl">
				<div class="swiper-container fs_xl">
					<div class="swiper-wrapper fs_xl">
						<adv pid ="1" limit="4" item="v">
							<div class="swiper-slide"><a href="{$v.ad_link}" <if condition="$v['target'] eq 1">target="_blank"</if> ><img src="{$v[ad_code]}" width="100%" /></a></div>
				       </adv>
					</div>
					<div class="pagination"></div>
				</div>
			</div>
			<div class="meau fs_m cls">
				<ul class="cls">
					<li>
						<a href="{:U('Cellar/themeList')}">
							<img src="__STATIC__/images/yj_01.png" />
							<p class="fs_m">藏酒主题</p>
						</a>
					</li>
					<li>
						<a href="{:U('Cellar/category')}">
							<img src="__STATIC__/images/yj_02.png" />
							<p class="fs_m">白酒香型</p>
						</a>
					</li>
					<li>
						<a href="{:U('Cellar/category',array('type'=>4))}">
							<img src="__STATIC__/images/yj_03.png" />
							<p class="fs_m">原产地</p>
						</a>
					</li>
					<li>
						<a href="{:U('Cellar/category',array('type'=>2))}">
							<img src="__STATIC__/images/yj_04.png" />
							<p class="fs_m">藏酒方式</p>
						</a>
					</li>
					<li>
						<a href="{:U('Cellar/activity')}">
							<img src="__STATIC__/images/yj_06.png" />
							<p class="fs_m">最新活动</p>
						</a>
					</li>
					<li>
						<a href="{:U('Cellar/cultrue')}">
							<img src="__STATIC__/images/yj_05.png" />
							<p class="fs_m">白酒文化</p>
						</a>
					</li>
					<li>
						<a href="{:U('Mobile/exchange/exchange_list')}">
							<img src="__STATIC__/images/duihuan01.png" />
							<p class="fs_m">兑换专区</p>
						</a>
					</li>
				</ul>
			</div>
			<div class="news fs_m cls">
				<fsql sql="select * from __PREFIX__article where cat_id=4 limit 1" key="key" item='val'>
					<span class="fs_xl"><em>原酒</em>头条</span><em class="tuij">推荐</em><a class="marquee" href="javascript:;">{$val.title}</a>
				</fsql>
			</div>
			<div class="theme fs_m">
				<div class="title fs_xl cls"><img src="__STATIC__/images/yj_010.jpg" /></div>
				<div class="theme_m cls">
					<ul>
						<fsql sql="select * from __PREFIX__cellar_theme limit 3" key="key" item='val'>
				          <li>
				            <div class="index_pro">
					            <a href="{:U('Cellar/theme',array('id'=>$val.id))}" title="{$val.title}"> 
					                <img src="{$val.thumbnail}">
					            </a>
							</div>
				          </li>
				        </fsql>
					</ul>
					<!--<div class="gengduo"><a class="fs_s" href="{:U('Cellar/themeList')}">更多></a></div>-->
				</div>
			</div>
			<div class="mode fs_m">
				<div class="title fs_xl cls"><img src="__STATIC__/images/yj_011.jpg" /></div>
				<div class="mode_m cls">
					<ul>
						<fsql sql="select * from __PREFIX__cellar_type limit 4" key="key" item='val'>
				          <li>
				            <div class="index_pro">
					            <a href="{:U('Cellar/category',array('type'=>2,'id'=>$val.id))}" title="{$val.title}"><img class="fs_xl" src="{$val.thumbnail}"></a>
					            <!--<em>{$val.title}</em>-->
							</div>
				          </li>
				       </fsql>
					</ul>
					<!--<div class="gengduo"><a class="fs_s" href="{:U('Cellar/category',array('type'=>2))}">更多></a></div>-->
				</div>
			</div>
			<div class="fac fs_m">
				<div class="title fs_xl cls"><img src="__STATIC__/images/yj_012.png" /></div>
				<div class="fac_m fs_xl" style="position: relative;">
					<div class="swiper-container1 fs_xl" style="height: 100%;">
					<div class="swiper-wrapper fs_xl">
						<fsql sql="select * from __PREFIX__suppliers where type=0 and is_show=1 order by sort DESC limit 100" key="key" item='val'>
						<div class="sw_li swiper-slide fs_xl cls">
							<a href="{:U('Cellar/factoryInfo',array('id'=>$val.suppliers_id))}">
							<!--<div class="item">
								<p class="fs_xs">香型：<span>{$val.suppliers_aroma}</span></p>
								<p class="fs_xs">原产地：<span>{$val.suppliers_address}</span></p>
								<p class="fs_xs">窖藏方式：<span>{$val.suppliers_type}</span></p>
								<p class="fs_xs">原料：<span>{$val.suppliers_material}</span></p>
								<p class="fs_xs">厂商：<span>{$val.suppliers_name}</span></p>
							</div>-->
							<div class="logo fs_xl">
								<img class="fs_xl" src="{$val.suppliers_logo}" />
								<p class="fs_m">{$val.brand_name}</p>
							</div>
							</a>
						</div>
						</fsql>
					</div>
					</div>
					<!--<div class="gengduo"><a class="fs_s" href="{:U('Cellar/factory')}">更多></a></div>-->
				</div>
			</div>
			<div class="adv fs_m">
				<div class="title fs_xl cls"><img src="__STATIC__/images/yj_013.png" /></div>
				<div class="adv_img">
					<ul>
						<adv pid ="2" limit="2" item="v">
							<li><a href="{$v.ad_link}" <if condition="$v['target'] eq 1">target="_blank"</if> ><img src="{$v[ad_code]}" width="100%" /></a></li>
				        </adv>
					</ul>
				</div>
			</div>
		</div>
		<script type="text/javascript">
		var winW = $("body").width();
		$(".device,.swiper-container").height($(".swiper-slide img").height());
		$(".swiper-container").height($(".swiper-slide").height());
		$(".logo img").height($(".item").height());
		$(window).resize(function() {
			$(".device,.swiper-container").height($(".swiper-slide img").height());
			$(".swiper-container").height($(".swiper-slide").height());
		});
		var mySwiper = new Swiper('.swiper-container', {
			pagination: '.pagination',
			loop: true,
			autoplay : 5000,
			grabCursor: true,
			autoplayDisableOnInteraction : false,
			paginationClickable: true
		});
		var swiper = new Swiper('.swiper-container1', {
        	slidesPerView: 4,
        	paginationClickable: true,
        	autoplay : 3000,
        	loop:true,
        	autoplayDisableOnInteraction : false,
        	spaceBetween: 0
    });
		$(document).ready(function(e) {
//			$(".fac_m .logo").height($(".fac_m .logo img").height());
//			$(".adv_img li a").height($(".adv_img li img").height());
			var sc_text=$(".marquee").text();
			var sc_w=$(".marquee").width();
			var sc_H=$(".news span").height();
    		ScrollText($('.marquee'),sc_H,sc_w,sc_text,'left',1,15);
    		$('#search').click(function(){
  				var keyword = $("#keyword").val();
  				location.href= "/mobile/search/search/keyword/"+keyword;
  			});
  			$("#keyword").on('keypress',function(e) {  
                var keycode = e.keyCode;  
                var searchName = $(this).val();  
                if(keycode=='13') {  
                    e.preventDefault();
                    var keyword = $("#keyword").val();
  					location.href= "/mobile/search/search/keyword/"+keyword;
                }  
         	});  
		});//文字滚动
		</script>
	</body>

</html>